<template>
	<view class="content">
		<view class="invite-code">
			<text class="title">当前邀请码</text>
			<view class="code-box">
				<input class="code" v-model="exculsive.exclusive_code"/>
				<text class="copy-code" @tap="copy">复制</text>
			</view>
			<view class="amount">
				当前直邀人数:
				<text class="text-red">{{exculsive.count}}</text>
			</view>
			<view class="invite-btn" @tap="goApplyCode">
				<image src="../../static/buytao/applybtn.png"></image>
			</view>
		</view>
		<view class="prompt">
			<strong class="prompt-title">专属口令的作用</strong>
			<view>1.邀请口令可用于好友下载APP注册时填写。</view>
			<view>2.好友通过您的邀请口令注册后，将永久成为您的下级，未来产生的订单佣金您都有奖励。（系统默认分配的一样可以产生订单分佣）</view>
			<strong class="prompt-title">专属口令的优势</strong>
			<view>1.您可以自由设置简单易记的口令，缩短好友的注册时长，提升转换率。</view>
			<view>2.专属口令可作为个人的身份标签，侧面宣传自身利益。</view>
		</view>
	</view>
</template>

<script>
	import tools from "../../common/tools"
	import apiuser from '../../common/api/user'
	export default {
		data() {
			return {
				exculsive:{
					count:0,
					exclusive_code:'',
					is_exclusive:0,
				}
			}
		},
		onLoad(options) {
			this.get_exclusive_code()
		},
		methods: {
			//个人信息接口
			get_exclusive_code(){
				apiuser.get_exclusive_code({}).then(res =>{
					if(res.code ==1){
						this.exculsive.count=res.data.count
						this.exculsive.exclusive_code=res.data.exclusive_code
						this.is_exclusive=res.data.is_exclusive
					}
				}).catch(res=>{
					
				});				
			},
			
			//申请特权邀请码
			goApplyCode(){
				if(this.exculsive.is_exclusive == 1){
	　　　　　　　　　uni.showToast({
	　　　　　　　　　　　title: '对不起你还没有邀请到当前的人数',
	　　　　　　　　　　　icon: 'none'
	　　　　　　　　　})
					return false
				}
				apiuser.exclusive_code(this.exculsive).then(res =>{
					if(res.code ==1){
		　　　　　　　　　uni.showToast({
		　　　　　　　　　　　title: '设置成功',
		　　　　　　　　　　　icon: 'none'
		　　　　　　　　　})
						tools.update_set_user()
					}else{
						
					}
				}).catch(res=>{
					
				});	
			},
		},
				
	}
</script>

<style>
	page {
		background-color: #F9F9F9;
	}

	view {
		box-sizing: border-box;
	}

	.invite-code {
		width: 750upx;
		height: 500upx;
		background-color: #FFFFFF;
		margin-top: 20upx;
		padding: 25upx 30upx;
	}

	.title {
		font-size: 26upx;
		color: #666666;
	}

	.code-box {
		height: 130upx;
		display: flex;
		flex-direction: row;
		border-bottom: 1upx solid #DEDFDE;
		align-items: center;
		padding-top: 10upx;
	}

	.code {
		flex: 1;
		font-size: 50upx;
		color: #333333;
		font-size: 800;
		font-family: "苹方-简 中粗体";
	}

	.copy-code {
		font-size: 26upx;
		color: #F50E34;
		border: 1upx solid #F50E34;
		border-radius: 50upx;
		padding: 8upx 40upx;

	}

	.amount {
		height: 70upx;
		line-height: 70upx;
		font-size: 26upx;
		color: #999999;
	}

	.text-red {
		font-weight: 600;
		color: #F50E34;
		padding-left: 10upx;
	}

	.invite-btn {
		height: 200upx;
		width: 600upx;
		margin: 0 auto;
		padding-top: 60upx;
	}

	.invite-btn image {
		width: 600upx;
		height: 120upx;
	}

	.prompt {
		padding-top: 15upx;
		width: 680upx;
		font-size: 22upx;
		color: #666666;
		margin: 0 auto;
	}

	.prompt-title {
		font-size: 26upx;
		line-height: 80upx;
		color: #333333;
	}
</style>
